/* 轮播bannder  */
.bodyBoxH5{
	width: 100%;
	margin-top: 150px;
	position: relative;
	transition: all .3s linear;
	padding: 0px 13% 80px;
	position: relative;
	transition: all .3s linear;
	background: #f3f1f1;
}
.bodyBoxH5 .indexBox{
	border: 2px solid #fff;
	width: 100%;
}

.bodyBoxH5 h3{
	width: 100%;
	font-size: 22px;
	text-align: center;
	color: #6a1217;
	margin: 40px 0;
}

.bannerBox1 {
	position: relative;
}
.bannerBox1>img{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}
.bannerBox1 .carousel-indicators li{
	margin: 0;
	width: 32px;
	height: 4px;
	background: #FFFFFF;
	opacity: 0.4;
	border-radius: 2px;
	margin: 0 5px;
}
.bannerBox1 .carousel-indicators .active{
	background-color: #fff;
	opacity: 1;
	margin: 0;
}
.bannerBox1 .carousel-inner{
	width: 100%!important;
}
.bannerBox1 .carousel-inner img{
	width: 100%!important;
}
.bodyBoxH5 .titleBox{
	background: #fff;
	padding: 40px;
}
.bodyBoxH5 .titleBox .title{
	text-align: center;
	color: #6a1217;
	font-size: 20px;
}
.bodyBoxH5 .titleBox .title span{
	padding: 0 10px;
}
.bodyBoxH5 .titleBox>img{
	width: 100%;
	margin: 18px 0;
}

.bodyBoxH5 .titleBox .content{
	padding: 0 40px;
	display: flex;
	justify-content: space-between;
}
.bodyBoxH5 .titleBox .content>div,.bodyBoxH5 .titleBox .content>a{
	width: 45%;
	font-size: 16px;
	color: #524d4d;
}
.bodyBoxH5 .titleBox .content>div>a{
	display: flex;
	margin: 9px 0;
	font-size: 16px;
	color: #524d4d;
}
.bodyBoxH5 .titleBox .content>div>a span{
	font-size: 16px;
	color: #6a1217;
	margin-right: 12px;
}
.bodyBoxH5 .titleBox .content>div>a div{
	font-size: 16px;
	color: #524d4d;
	margin-left: 12px;
	width: 78%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bodyBoxH5 .titleBox .content p{
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}
.bodyBoxH5 .titleBox .content .a{
	display: block;
	text-align: right;
	font-size: 16px;
	color: #6a1217;
	margin: 30px 0 0;
}
.bannerBox .carousel-indicators li{
	margin: 0;
	width: 32px;
	height: 4px;
	background: #FFFFFF;
	opacity: 0.4;
	border-radius: 2px;
	margin: 0 5px;
}
.bannerBox .carousel-indicators .active{
	background-color: #fff;
	opacity: 1;
	margin: 0;
}
.bannerBox .carousel-inner{
	width: 100%!important;
}
.bannerBox .carousel-inner img{
	width: 100%!important;
}

/* 了解建设 */
.understand,.succeedCase{
	display: flex;
	padding: 8vw 14%;
	background: url(../img/pc/index/shouye_beijing1.png) no-repeat;
	background-size: 100% 100%;
	font-size: 0.9vw;
	color: #909090;
}
.understand .understand_left{
	width: 40%;
}
.understand .understand_left img,.succeedCase .succeedCase_right img{
	width: 100%;
}
.understand .understand_right{
	width: 60%;
	padding: 2vw 0 0 2vw;
}
.understand .understand_right h2,.succeedCase .succeedCase_left h2{
	font-size: 2vw;
	margin-bottom: 10px;
	color: #222;
}
.understand .understand_right>p,.succeedCase .succeedCase_left p{
	margin-top: 2.5vw;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.enterButton{
	width: 9vw;
	height: 2.5vw;
	border: 2px solid #333;
	text-align:center;
	line-height: 2.5vw;
	margin-top: 2.5vw;
}
.enterButton a{
	color: #222;
}
/* 成功案例  */
.succeedCase{
	display: flex;
	background: url(../img/pc/index/shouye_beijing2.png) no-repeat;
	background-size: 100% 100%;
}
.succeedCase .succeedCase_left{
	width: 50%;
	padding: 2vw 0 0 2vw;
}
.succeedCase .succeedCase_left .title{
	color: #222;
	margin-top: 3vw;
}
.succeedCase .succeedCase_left p{
	margin-top: 1vw;
	text-indent: 2em;
	line-height: 20px;
}
.succeedCase .succeedCase_right{
	width: 50%;
	padding: 0 2vw;
}
.succeedCase .succeedCase_right div{
	/* margin-top: 10px; */
/* 	display: flex;
	justify-content: space-between; */
	margin-top: 10px;
	white-space: nowrap; 
	overflow-y: hidden; 
}
.succeedCase .succeedCase_right div img{
	/* width: 18%; */
	/* overflow: hidden; */
	/* overflow-x: scroll; */
	/* margin-right: 10px; */
	/* opacity: 0.5; */
	width: 20%;
	overflow: hidden;
	overflow-x: scroll;
	margin-right: 10px;
	opacity: 0.5;
}
.succeedCase .succeedCase_right div img.pitch{
	opacity: 1;
}

/* 百强 */
.hundred {
	margin: 5vw 0;
}
.hundred img{
	width: 100%;
}

/* 新闻中心 */
.journalism{
	display: flex;
	padding: 8vw 0;
	font-size: 0.8vw;
	color: #808080;
}
.journalism .journalism_left{
	width: 45%;
}
.journalism .journalism_left img{
	width: 100%;
}
.journalism .journalism_right{
	width: 65%;
	padding: 0 10% 0 2vw;
}
.journalism .journalism_right h2{
	font-size: 2vw;
	margin-bottom: 10px;
	color: #222;
	padding-left: 15px;
}
.journalism .journalism_right>.title{
	margin-bottom: 10px;
}
.journalism .journalism_right>div{
	padding-left: 15px;
}
.journalism .journalism_right .journalism_body{
	padding: 0 15px 3px;
}
.journalism .journalism_right .journalism_body>.title{
	display: flex;
	justify-content: space-between;
}
.journalism .journalism_right .journalism_body div div:last-child{
	color: #808080;
}
.journalism .journalism_right .journalism_body div div{
	display: inline-block;
	margin-top: 1vw;
	font-size: 1vw;
	color: #222;
	display: flex;
	justify-content: space-between;
}
.journalism .journalism_right .journalism_body p{
	margin: 5px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.journalism .journalism_right .journalism_body .enterButton{
	margin: 1vw 0;
	width: 5vw;
	height: 1.5vw;
	line-height: 1.5vw;
	font-size: 0.7vw;
	border: 1px solid #AAAAAA;
}
.journalism .journalism_right .journalism_body .enterButton a{
	color: #808080;	
	margin: 0 auto;
}
.journalism .journalism_right .journalism_body:hover{
	box-shadow: 0px 0px 10px #E6E6E6;
}
.journalism .journalism_right .journalism_body:hover .title div:first-child{
	color: #9e1119;
}
.journalism .journalism_right .journalism_body:hover .enterButton{
	border: 1px solid #9e1119;
}
.journalism .journalism_right .journalism_body:hover .enterButton a{
	color: #9e1119;
}

/* 合作 */
.bankBox{
	/* background: #F6F6F6; */
	padding: 30px 14%;
}
.bankBox div img{
	width: 10%;
	margin-right: 7%;
	margin-top: 30px;
	/* filter: grayscale(1); */
}
.bankBox div img:hover{
	/* filter: grayscale(0); */
}
.bankBox div img:nth-child(6n+6){
	margin-right: 0;
}




@media (max-width: 1200px){
	.understand .enterButton{
		
	}
}
@media (max-width: 768px) {
	/* 轮播bannder  */
	.bannerBox .carousel-indicators li{
		width: 20px;
		height: 4px;
		
	}
	/* 了解建设 */
	.understand{
		padding: 45px 0;
		background: url(../img/yd/index/shouye_bg1.png) no-repeat;
		font-size: 15px;
	}
	.understand .understand_right{
		width: 100%;
		padding: 0;
	}
	.understand .understand_right h2{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.understand .understand_right h2 img.visible-xs-block{
		display: inline-block!important;
		width: 30px;
		margin-right: 10px;
	}
	
	.understand .understand_right p{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		text-indent: 2em;
		padding: 0 10px;
		margin: 35px 0;
		line-height: 25px;
	}
	.enterButton{
		width: 105px;
		height: 30px;
		border: 2px solid #333;
		text-align:center;
		line-height: 28px;
		margin: auto;
	}
	.enterButton a{
		color: #222;
	}
	
	

	
	/* 成功案例  */
	.succeedCase{
		display: flex;
		padding: 45px 0;
		background: #fff;
		
	}
	.succeedCase .succeedCase_right{
		width: 100%;
		padding: 0;
	}
	.succeedCase .succeedCase_right h2{
		font-size: 18px;
		margin-bottom: 10px;
		color: #222;
	}
	.succeedCase .succeedCase_right h2 img{
		display: inline-block!important;
		width: 30px;
		margin-right: 10px;
	}
	.succeedCase .succeedCase_right div{
		margin-top: 0;
		white-space: nowrap;
		overflow-y: hidden;
		padding: 10px;
		display: block;
	}
	.succeedCase .succeedCase_right div img{
		width: 40%;
		overflow: hidden;
		overflow-x: scroll;
		margin-right: 10px;
		border-radius: 8px;
		opacity: 1;
	}
	
	
	/* 新闻中心 */
	.journalism{
		padding: 0;
		font-size: 14px;
	}
	.journalism .journalism_right{
		width: 100%;
		padding: 0;
	}
	.journalism .journalism_right h2{
		font-size: 18px;
		margin-bottom: 10px;
		color: #222;
		padding-left: 0;
	}
	.journalism .journalism_right h2 img.visible-xs-block{
		display: inline-block!important;
		width: 30px;
		margin-right: 10px;
	}
	.journalism .journalism_right>.title{
		margin-bottom: 10px;
	}
	.journalism .journalism_right>div{
		padding-left: 0;
	}
	.journalism .journalism_right .journalism_body{
		padding: 0;
		margin: 0 10px;
	}
	.journalism .journalism_right .journalism_body>a{
		display: flex!important;
		justify-content: space-between;
		padding: 20px 0;
		border-bottom: 1px solid #ECECEC;
	}
	.journalism .journalism_right .journalism_body>a>div{
		width: 65%;
	}
	.journalism .journalism_right .journalism_body>a>img{
		width: 32%;
		height: 100%;
		border-radius: 10px;
	}
	.journalism .journalism_right .journalism_body .title{
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}
	.journalism .journalism_right .journalism_body div div{
		font-size: 15px;
	}
	.journalism .journalism_right .journalism_body p{
		margin: 15px 0 0 0;
		color: #707C96;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.journalism .journalism_right .journalism_body .enterButton{
		margin: 1vw 0;
		width: 5vw;
		height: 1.5vw;
		line-height: 1.5vw;
		font-size: 0.7vw;
		border: 1px solid #AAAAAA;
	}
	.journalism .journalism_right .journalism_body .enterButton a{
		color: #808080;	
	}
	.journalism .journalism_right .journalism_body:hover{
		box-shadow: 0px 0px 10px #E6E6E6;
	}
	.journalism .journalism_right .journalism_body:hover .title div:first-child{
		color: #1D4FBB;
	}
	.journalism .journalism_right .journalism_body:hover .enterButton{
		border: 1px solid #1D4FBB;
	}
	.journalism .journalism_right .journalism_body:hover .enterButton a{
		color: #1D4FBB;
	}
	
	/* 合作 */
	.bankBox{
		padding: 0 0 40px;
		background: #fff;
		border-top: 10px solid #F7F7F7;
	}
	.bankBox div{
		margin: 0 10px;
	}
	.bankBox div img{
		width: 25%;
		margin-right: 10%;
		margin-top: 30px;
		filter: grayscale(0);
	}
	.bankBox div img:nth-child(4n+4){
		margin-right: 10%;
	}
	.bankBox div img:nth-child(3n+3){
		margin-right: 0%;
	}
	
	.bankBox h2{
		font-size: 18px;
		margin-bottom: 10px;
		color: #222;
		padding-left: 0;
	}
	.bankBox h2 img{
		display: inline-block!important;
		width: 30px;
		margin-right: 10px;
	}
	
	
}
